<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>大数据中心管理平台</title>
    <link rel="stylesheet" type="text/css" href="/stylesheets/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/stylesheets/style.css">
    <script type="text/javascript" src="/libs/jquery.js"></script>
    <style type="text/css">
        .login-box{width: 100%;height: 100%;min-height: 600px;position: relative;background-color:#fff;}
        .login-head{width:86%;margin:0 auto;height:16%;position: relative;}
        .data-time-box{width:205px;height:60px;position: absolute;right:0px;bottom:20px;color:#85898c;}
        .data-time{line-height:30px;height:30px;padding-left:20px;}
        .ddate{background:url(../images/images/login/date.png) no-repeat 0px center;}
        .ttime{background:url(../images/images/login/time.png) no-repeat 0px center;}
        .login-body{width:100%;/*height:calc(100% - 220px);*/height:62%;position:relative;}
        .lb-bg{width:100%;margin:0 auto;height: 100%;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:10}
        .login-con-box{width:372px;height:calc(100% - 46px);padding:46px 58px 0;background:rgba(34,163,235,.8);position: absolute;right:14%;z-index: 11}
        .welcome-box{width: 100%;height:76px;background: url(../images/images/login/welcome.png) no-repeat center;margin-bottom:36px;}
        .form-body{width:276px;height:210px;padding:30px 47px 0;background:rgba(0,0,0,.1);border-radius:4px;border:1px solid rgba(255,255,255,.2);}
        .form-body-row{width:calc(100% - 10px);padding-left:8px;height: 40px;border: 1px solid #dddddd;border-radius:5px;color: #aaa;line-height: 40px;text-indent: 20px;position: relative;overflow: hidden;margin-bottom: 10px;float: left;}
        .userIcon{background: #fff url(../images/images/login/user.png) no-repeat 10px center;}
        .passwordIcon{background: #fff url(../images/images/login/password.png) no-repeat 10px center}
        .form-body-input{width:calc(100% - 42px);position: absolute;top:0;right: 0;border: 0 !important;}
        .login-btn{width:100%;height: 40px;line-height: 40px;cursor: pointer;text-align: center;background: #fcb304;color: #fff;float: left;border-radius:5px;margin: 35px auto 0;}
        .login-btn:hover{background: #e8a911;}
        .copyright{width:86%;/*height:100px;*/height:22%;line-height:50px;text-align: right;margin:0 auto;color: #999999;font-size: 14px;text-indent: 30px;}
        @media screen and (min-width: 1601px) {}
        @media screen and (max-width: 1200px) {}
    </style>
</head>
<body style="overflow:auto;min-height:675px;min-width:1024px;">

<div class="login-box" >
    <div class="login-head">
        <div class="data-time-box">
            <div class="data-time ddate">日期：<span></span></div>
            <div class="data-time ttime">时间：<span></span></div>
        </div>
    </div>
    <div class="login-body">
        <div class="lb-bg">
            <img src="../images/images/login/bg.png" style="width:100%;height:100%">
        </div>
        <div class="login-con-box">
            <div class="welcome-box"></div>
            <div class="">

                <div class="form-body">
                    <div class="form-body-row userIcon">
                        <input id="userName" class="form-body-input" type="text" placeholder="用户名">
                    </div>
                    <div class="form-body-row passwordIcon">
                        <input id="password" class="form-body-input" type="password" placeholder="密　码">
                    </div>
                    <div class="login-btn" id="loginBtn">登录</div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright">V2.0 copyright © by 江苏华通晟云科技有限公司</div>
</div>
</body>
<script type="text/javascript" src="/javascripts/common/util-ht.js"></script>
<script type="text/javascript" src="/javascripts/common/pop-ht.js"></script>
<script type="text/javascript" src="/javascripts/login/login-ht.js"></script>
<script type="text/template" id="pop-alert-template">
    <div class="pop-box pop-alert pop-mask  dialog-center">
        <div class="box-dialog">
            <div class="pop-head"><@=popTitle@> <div class="pop-close">×</div> </div>
            <div class="pop-container"><@=popContent@></div>
            <@ if(showPopFooter && Util.isEmpty(footer)){ @>
            <div class="pop-footer">
                <button class="btn btn-primary pop-ok"><@=popOkText@></button>
            </div>
            <@}@>
        </div>
    </div>
</script>
<script type="text/javascript">
    window.onload=function(){
        //定时器每秒调用一次fnDate()
        fnDate();
        setInterval(function(){
            fnDate();
        },1000);
    }
    //js 获取当前时间
    function fnDate(){
        var date = new Date(),
                vYear = date.getFullYear(),//当前年份
                vMon = date.getMonth() + 1,//当前月份
                vDay = date.getDate(),//天
                hh = date.getHours(),
                mm = date.getMinutes(),
                ss = date.getSeconds(),//秒
                week = date.getDay();//周几
        var weekV = (week == "0") ?"星期日" :(week == "1") ?"星期一":(week == "2" )?"星期二":(week == "3") ?"星期三":(week == "4") ?"星期四":(week == "5") ?"星期五":"星期六";
        var dataH = fnW(vYear) +"-"+ fnW(vMon) +"-"+ fnW(vDay) +"　"+ weekV,
                timeH = fnW(hh) +":"+ fnW(mm) +":"+ fnW(ss);
        $(".ddate span").html(dataH);
        $(".ttime span").html(timeH);
    }
    //补位 当某个字段不是两位数时补0
    function fnW(str){
        var num;
        str>=10?num=str:num="0"+str;
        return num;
    }
</script>
</html>